.box {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.filter {
  flex: 0 0 auto;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 12px;
  background: #fff;
  > div {
    width: 100%;
    > div {
      display: flex;
      justify-content: space-between;
      overflow: hidden;
      height: 32px;
    }
    .openFilter {
      height: auto;
    }
  }
}
.main {
  flex: 1 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--fba-color-card-border);
  box-shadow: var(--fba-card-box-shadow);
  background: #fff;
  display: flex;
  flex-direction: column;
  &_header {
    flex: 0 0 auto;
    border-bottom: 1px solid var(--fba-color-card-border);
    display: flex;
    &_left {
      flex: 1 1;
      overflow: hidden;
      padding: 16px 16px 0 16px;
    }
    &_right {
      flex: 0 0 auto;
      padding: 16px;
    }
  }
  &_body {
    flex: 1 1;
    overflow: hidden;
    padding: 16px;
  }
}

.Filter {
  &_item {
    display: flex;
    align-items: center;
    gap: 4px;
    > :first-child {
      flex: 0 0 auto;
    }
    > :last-child {
      flex: 1 1;
      overflow: hidden;
    }
  }
  &_btns {
    text-align: right;
  }
}

.statusBar_left {
  padding: 14px 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.activeTabCount {
  :global {
    // 样式穿透
    .ant-badge-count {
      background: var(--ant-tabs-item-hover-color);
      color: #ffffff !important;
    }
  }
}

.tabCount {
  :global {
    // 样式穿透
    .ant-badge-count {
      background: #e2e8f0;
      color: #718096;
    }
  }
}
